nextjs-panel/lib/app/admin/[resource]/page.jsx

Schema-based admin panel generator for Next.js using Prisma and React components.

import { registeredResources } from "@/resources";
import { SchemaTable } from "nextjs-panel";
import Link from "next/link";
export default async function AdminPage({ params }) {
    const { resource: resourceKey } = await params;
    const resource = registeredResources[resourceKey];
    if (!resource)
        return (<>
    <div>
      404 - Resource not found
    </div>
    </>);
    return (<main className="p-6 w-full">
      <h1 className="text-2xl font-bold mb-4">{resource.label}</h1>
      <div className="flex justify-end py-4 mr-4">
        <Link href={`/admin/${resource.name}/add`}>
        <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
          Add {resource.label}
        </button>
        </Link>
      </div>
      <SchemaTable schema={resource.getTableColumns()} api={resource.getApiRoutes().list}/>
      {/* <SchemaForm schema={resource.getFormFields()} api={resource.getApiRoutes()} /> */}
    
    </main>);
}